// 展示话题详情, 通过ajax从后台得到数据, 绑定鼠标移入事件
var inte;
var init;
$('.zm-item-tag').mouseover(function(){
	clearTimeout(init);
	var topic_id = $(this).attr('data-hovercard');
	var w = $(this).width();
	var x = $(this).offset().left;
	var l = x + w/2 - 83;
	inte = setTimeout(function(){
		$.get('/sendajax', {topic_id:topic_id}, function(data) {
			$('.popover-content').find('.name').html(data[0]);
			$('.popover-content').find('.tagline').html(data[1]);
			$('.popover-content .lower').find('span').eq(0).html(data[3]);
			$('.popover-content .lower').find('span').eq(2).html(data[2]);
			$('.popover-content img').attr('src', data[4]);
			$('.popover-content .operation button').attr('data-id', topic_id);
			if (data[5]) {
				$('.popover-content .lower').find('button').html('取消关注');
				$('.popover-content .lower').find('button').removeClass('zg-btn-unfollow zg-btn-follow');
				$('.popover-content .lower').find('button').addClass('zg-btn-unfollow');
			}else {
				$('.popover-content .lower').find('button').html('关注');
				$('.popover-content .lower').find('button').removeClass('zg-btn-unfollow zg-btn-follow');
				$('.popover-content .lower').find('button').addClass('zg-btn-follow');
			}
			$('#zh-hovercard .zg-btn-white').remove();
			$('#zh-hovercard').removeClass('top').addClass('bottom');
			$('#zh-hovercard').css({visibility:'visible', left:l+'px', top:'94px'});
		},'json');
	},400);
});

// 绑定鼠标移出事件
	$('.zm-item-tag').mouseout(function(){
		clearTimeout(inte);
		init = setTimeout(function(){$('#zh-hovercard').css('visibility','hidden')}, 400);
		$('#zh-hovercard').mouseover(function(){
			// $('.zm-item-tag').unbind('mouseout');
			clearTimeout(init);
			$('#zh-hovercard').css('visibility','visible');
		});
		
		$('#zh-hovercard').mouseout(function(){
			$('#zh-hovercard').css('visibility','hidden');
		});

	});

// 点击取消关注或关注该话题
$('.operation button').click(function(){
	var topic_id = $(this).attr('data-id');
	var btn = $(this);
	if ($(this).hasClass('zg-btn-unfollow')) {
		var logo = 'del';
		$.get('/attention',{topic_id:topic_id, logo:logo},function(data){
			if (data === '1') {
				var count = parseInt($('.popover-content .lower').find('span').eq(2).html());
				count = count - 1;
				$('.popover-content .lower').find('span').eq(2).html(count);
				btn.html('关注');
				btn.removeClass('zg-btn-unfollow zg-btn-follow');
				btn.addClass('zg-btn-follow');
			}
		});
	}

	if ($(this).hasClass('zg-btn-follow')) {
		var logo = 'add';
		$.get('/attention', {topic_id:topic_id, logo:logo}, function(data){
			if (data === '2') {
				var count = parseInt($('.popover-content .lower').find('span').eq(2).html());
				count = count + 1;
				$('.popover-content .lower').find('span').eq(2).html(count);
				btn.html('取消关注')
				btn.removeClass('zg-btn-unfollow zg-btn-follow');
				btn.addClass('zg-btn-unfollow');
			}
		})
	}
});

// 关注该问题或取消 ,发送ajax
$('#zh-question-side-header-wrap button').click(function(){
	var qid = $(this).attr('data-id'); //获取当前用户的id
	var count = parseInt($('.zh-question-followers-sidebar strong').html());	
	var btn = $('#zh-question-side-header-wrap button');
	if ($(this).hasClass('zg-btn-green')) {
		var logo = 'add';
		$.get('/questionAttention', {qid:qid,logo:logo}, function(data){
			if (data['num'] === 1){

				btn.removeClass('zg-btn-green');
				btn.addClass('zg-btn-white');
				btn.html('取消关注');
				count = count + 1;
				$('.zh-question-followers-sidebar strong').html(count);
				// btn.parent().find('.zu-small-avatar-list')
			}
		}, 'json');	
	}

	if ($(this).hasClass('zg-btn-white')) {
		var logo = 'del';
		$.get('/questionAttention', {qid:qid,logo:logo}, function(data){
			if (data['num'] === 2){
				btn.removeClass('zg-btn-white');
				btn.addClass('zg-btn-green');
				btn.html('关注问题');
				count = count - 1;
				$('.zh-question-followers-sidebar strong').html(count);
				// btn.parent().find('.').remove();
			}
		}, 'json');
	}
})

// 收起或展开话题
$('.toggle-expand').click(function(){
	$(this).parent().css('display', 'none');
	$(this).parent().next().addClass('clearfix');
	$(this).parent().next().css('display', 'block');

	// var top = $(this).parent().offset().top;
	// $(window).scrollTop(top);
	// 获得可视区域的高度
	var wid = $(window).height();
	var sco = $(window).scrollTop();
	// 获得问题下的所有回答的div
	var $divs = $('.js-collapse-body .clearfix');
	for (var i = 0; i < $divs.length; i++) {
		var out = $($divs[i]).outerHeight();
		var top = $($divs[i]).offset().top;
		var dh = $($divs[i]).height();
		if ( top < sco+dh && dh > wid) {
			$($divs[i]).parent().next().next().find('button').css({left: "726px", top:"auto", bottom: "12px"});
			$($divs[i]).parent().next().next().find('button').addClass('is-sticky');
		}
	}

	// jQuery = {
	// 	0 : div,
	// 	1 : div,
	// 	2 : div,
	// 	length : 3,
	// 原生转jq $() -> 
})
// 点击is-sticky事件
$(document).delegate('.is-sticky' ,'click', function(e){
	// console.log(e.target);
	// alert(1);
	$(e.target).removeClass('is-sticky');
	$(e.target).parent().parent().parent().find('.clearfix').css('display', 'none');
	$(e.target).parent().parent().parent().find('.clearfix').removeClass('.clearfix');
	$(e.target).parent().parent().parent().find('.zh-summary').css('display', 'block');
})

// 定位事件
$(window).scroll(function(){
	var top = $(window).scrollTop();
	if (top > 800) {
		$('.zh-backtotop').css('opacity', 1);
	}
	if (top < 800) {
		$('.zh-backtotop').css('opacity', 0);
	}
})
//  回到页面顶部事件
$('.zh-backtotop').click(function(){
	$('.zh-backtotop').css('opacity', 0);
	$(window).scrollTop(0);
})

// 显示回答者详细信息的悬浮框
$('.author-link').mouseover(function(){
	clearTimeout(init);
	var id = $(this).attr('data-hovercard');
	var w = $(this).width();
	// var x = $(this).offset().left;
	var h = $('#zh-hovercard').height();
	var y = $(this).offset().top;
	var roll = $(window).scrollTop();
	if (y - roll < h) {
		var top = y + 10;
		$('#zh-hovercard').removeClass('top').addClass('bottom');
	}else {
		var top = y - h -27;
		$('#zh-hovercard').removeClass('bottom').addClass('top');
	}
	$('#zh-hovercard .zg-btn-white').remove();
	var div = $('<a data-pm-hash="1" data-pm-name="梦" class="zg-btn-white member-profile-card-pm" ><i class="zg-icon pm">私信</i></a>');
	$('#zh-hovercard .operation').append(div);
	inte = setTimeout(function(){
		$.get('/people', {id:id}, function(data) {
			$('.popover-content .lower').find('span').eq(0).html(data);
			$('#zh-hovercard').css({visibility:'visible', left:'130px', top:top+'px'});
		});
	},400);
})

// 绑定鼠标移出事件
	// $('..author-link').mouseout(function(){
	// 	clearTimeout(inte);
	// 	init = setTimeout(function(){$('#zh-hovercard').css('visibility','hidden')}, 400);
	// 	$('#zh-hovercard').mouseover(function(){
	// 		// $('.zm-item-tag').unbind('mouseout');
	// 		clearTimeout(init);
	// 		$('#zh-hovercard').css('visibility','visible');
	// 	});
		
	// 	$('#zh-hovercard').mouseout(function(){
	// 		$('#zh-hovercard').css('visibility','hidden');
	// 	});

	// });

//  处理对问题回答的收藏
//  对回答评论的处理
$('.toggle-comment').click(function(){
	var answer_id = $(this).attr('name');
	var target = $(this);
	if ($(this).hasClass('toggle-comment')) {
		$(this).html('收起评论');
		$(this).removeClass('toggle-comment');
		$(this).addClass('js-toggleCommentBox');
		$.get('/praise', {answer_id:answer_id}, function(data){
       		target.parent().parent().append(data);
		});
	}else {
		var logo = 'add';
		$.get('/praise', {answer_id:answer_id, logo:logo}, function(data){
       		target.html(data);
		});
		$(this).removeClass('js-toggleCommentBox');
		$(this).addClass('toggle-comment');
		$(this).parent().parent().find('.comment-app-holder').css('display', 'none');
	}
})



